#header .top{ width:1002px; margin:0 auto; position:relative; height:75px;}
#header .top .topnav{ position:absolute; top:21px; right:0; height:14px; line-height:14px;}
.topnav a,.search a.btn,.case .title a,.news .title a,.product .title a{background:url(../images/pt.png) left center no-repeat;}
.topnav a{ overflow:hidden; display:inline-block; height:14px; padding-left:12px;}
.topnav a.home{ background-position:0 -137px}
.topnav a.join{ background-position:0 -113px}
.topnav a.contact{ background-position:0 -126px}
#header .top .logo{ width:500px;height:103px;position:absolute; left:0; top:27px;}
#header .top .logo img{width:100%;height:100%;}
#header .top .phone{width:195px;height:61px; position:absolute; top:51px; right:0}
#header .top .phone img{width:100%;height:100%;}
#header .top .search{ position:absolute; top:77px; right:214px; width:170px;height:27px; float:right;margin-top:14px;margin-right:30px;line-height:24px; border:4px solid #00973d; border-radius:8px; padding-left:12px;}
#header .drop{ position:absolute; left:5px; top:104px; display:none; width:100%; background:#fff;opacity: 0.7; text-align:center; }
@media only screen and (max-width:1370px){
#header .drop .drops{width:100%;height:auto; margin-left:371px; }
}
@media only screen and (min-width:1370px) and (max-width:1539px){
#header .drop .drops{width:100%;height:auto; margin-left:452px; }
}
@media only screen and (min-width:1920px){
#header .drop .drops{width:100%;height:auto; margin-left:645px; }
}
#header .drop .drops ul{width:804px;height:auto;float:left;text-align:center;border-left: 1px solid #e5e5e5;}
#header .drop .drops a{ display:block;width:130px; height:36px; line-height:36px;  font-size:15px; color:#152b29; margin-bottom:3px;}
/*#header .nav li:hover .drop{ display:block}*/
#header .drop .drops a:hover{ color:#c9c4c5;}
.drop{ position:absolute; left:5px; top:104px; display:none; width:100%; background:#fff;opacity: 0.7; text-align:center; }
@media only screen and (max-width:1370px){
.drop .drops{width:100%;height:auto; margin-left:371px; }
}
@media only screen and (min-width:1370px) and (max-width:1539px){
 .drop .drops{width:100%;height:auto; margin-left:452px; }
}
@media only screen and (min-width:1920px){
 .drop .drops{width:100%;height:auto; margin-left:645px; }
}
 .drop .drops ul{width:804px;height:auto;float:left;text-align:center;border-left: 1px solid #e5e5e5;}
 .drop .drops a{ display:block;width:130px; height:36px; line-height:36px;  font-size:15px; color:#152b29; margin-bottom:3px;}
/*#header .nav li:hover .drop{ display:block}*/
 .drop .drops a:hover{ color:#c9c4c5;}
@media only screen and (max-width:1370px){
.search { width:170px;height:27px; float:right;margin-top:15px;margin-right:30px;line-height:24px; border:4px solid #00973d; border-radius:8px; padding-left:12px;}
}
@media only screen and (min-width:1370px) and (max-width:1539px){
.search { width:170px;height:27px; float:right;margin-top:15px;margin-right:30px;line-height:24px; border:4px solid #00973d; border-radius:8px; padding-left:12px;}
}
@media only screen and (min-width:1920px;){
.search { width:170px;height:27px; float:right;margin-top:26px;margin-right:30px;line-height:24px; border:4px solid #00973d; border-radius:8px; padding-left:12px;}
}
.search .btn{ display:block; float:left; width:9px; height:9px; background-position:0 -102px; margin:9px 0 0;}
.search .btn input{ background:none; border:none}
.search .input{ float:left; height:25px; line-height:24px; width:134px; text-align:right; color:#0067c3; background:none; border:none;text-align: center; }
.button{width:36px;height:27px;background-image: url(../images/search.jpg);background-size:100% 100%;}
#header .nav{ position:relative; z-index:10000000; width:100%; height:75px; }
#header .nav ul{ width:994px; margin:0 auto;}
#header1 .nav ul{ width:994px; margin:0 auto;}
#header .nav li{ float:left; width:80px; height:50px; padding-right:2px;padding-top:25px; }
#header .nav li .menu{ display:block; height:56px; width:156px; margin:-11px -8px 0; text-align:center; line-height:56px; padding-top:11px; color:#000; font-size:16px; font-weight:bolder}
#header .nav li .menu:hover,#header .nav li .menu.on,#header .nav li:hover .menu{  color:#fff}
#header .nav li .drop{ position:absolute; left:-2px; top:58px; display:none; width:128px; background:#156b42; text-align:center; padding:0 8px; display:none}
#header .nav li .drop a{ display:block; height:36px; line-height:36px; border-bottom:1px solid #fff; font-size:16px; color:#fff; margin-bottom:3px}
#header .nav li:hover .drop{ display:block}
#header .nav li.last{ background:none}

@media only screen and (max-width:1370px){
.banner{position:relative; width:100%; height:411px; text-align:center;margin:0 0 0px 0;}
.banner .bd ul {
    width: 100% !important;
    height: 411px !important;
}
.banner li{ width:100% !important;height: 411px !important; text-align:center}
.banner .hd {
    width: 100% !important;
    position: relative;
    left: 0;
    bottom: 49px;
    text-align: center;
    z-index: 1;
}

.banner .hd ul li {
    margin: 0 4px;
    width: 20px !important;
    height: 20px !important;
    border:1px solid #FFFFFF;
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    font-size: 0;
}

.banner .hd .on {
    border:1px solid #1d1d1d;
}
}
@media only screen and (min-width:1370px) and (max-width:1539px){
.banner{position:relative; width:100%; height:411px; text-align:center;margin:0 0 0px 0;}
.banner .bd ul {
    width: 100% !important;
    height: 411px !important;
}
.banner li{ width:100% !important;height: 411px !important; text-align:center}
.banner .hd {
    width: 100% !important;
    position: relative;
    left: 0;
    bottom: 49px;
    text-align: center;
    z-index: 1;
}

.banner .hd ul li {
    margin: 0 4px;
    width: 20px !important;
    height: 20px !important;
    border:1px solid #FFFFFF;
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    font-size: 0;
}

.banner .hd .on {
    border:1px solid #1d1d1d;
}
}
@media only screen and (min-width:1920px){
.banner{position:relative; width:100%; height:598px; text-align:center;margin:0 0 0px 0;}
.banner .bd ul {
    width: 100% !important;
    height: 598px !important;
}
.banner li{ width:100% !important;height: 598px !important; text-align:center}
.banner .hd {
    width: 100% !important;
    position: relative;
    left: 0;
    bottom: 49px;
    text-align: center;
    z-index: 1;
}

.banner .hd ul li {
    margin: 0 4px;
    width: 20px !important;
    height: 20px !important;
    border:1px solid #FFFFFF;
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    font-size: 0;
}

.banner .hd .on {
    border:1px solid #1d1d1d;
}
}

@media only screen and (max-width:1370px){
.banner1{position:relative; width:100%; height:286px; text-align:center;margin:0 0 72px -960px;}
.banner1 .bd ul {
    width: 100% !important;
    height: 286px !important;
}
.banner1 li{ width:100% !important;height: 286px !important; text-align:center}
}
@media only screen and (max-width:1539px){
.banner1{position:relative; width:100%; height:286px; text-align:center;margin:0 0 0px 0;}
.banner1 .bd ul {
    width: 100% !important;
    height: 286px !important;
}
.banner1 li{ width:100% !important;height: 286px !important; text-align:center}
}
@media only screen and (min-width:1920px){
.banner1{position:relative; width:100%; height:399px; text-align:center;margin:0 0 0px 0;}
.banner1 .bd ul {
    width: 100% !important;
    height: 399px !important;
}
.banner1 li{ width:100% !important;height: 399px !important; text-align:center}
}

@media only screen and (max-width:1370px){
.search1{width:320px;height:58px;}
}
@media only screen and (max-width:1539px){
.search1{width:320px;height:58px;}
}
@media only screen and (min-width:1920px){
.search1{width:320px;height:58px;}
}
#content{ width:1002px; margin:37px auto;}
#content1{ width:100%; margin:0 auto;}
.case{ float:left; width:599px;height:358px;}
.case img{ width:100%;height:100%;}
.case .title{ height:41px; line-height:41px; background:#e5e5e5; padding-left:37px; }
.case .title a,.product .title a{ float:right; display:block; width:22px; height:22px; background-position:0 -73px; margin:8px 18px 0 0}
.section .title h3,.product .title h3{color:#0067c3; font-size:22px; font-weight:bolder;}
.section .title h3 span,.product .title h3 span{ color:#575757; font-size:16px; font-family:Arial; text-transform:uppercase}
.case .carousel{ border:3px solid #e5e5e5; padding-top:27px; height:210px; position:relative;}
.case .slides{overflow:hidden;position:relative;width:522px; margin:0 auto;}
.carousel .slides .slideItem{padding:0px;overflow:hidden;position:absolute;cursor:pointer;opacity:1 !important;}
.prevButton,.nextButton{display:block;position:absolute;z-index:99;cursor:pointer;bottom:-10px;width:30px;height:15px;}
.prevButton{left:238px; background:url(../images/index_58.gif) no-repeat;}
.nextButton{left:268px; background:url(../images/index_59.gif) no-repeat}

.news{ float:right; width:713px;}
.stitle{width:1002px;height:104px;margin:0 auto;margin-bottom:27px;}
.stitle img{width:100%;height:100%;}
.news .title a{ float:right; width:23px; height:24px; background-position:0 -14px;}
.news .title{ width:710px;height:101px; line-height:24px;}
@media only screen and (max-width:1370px){
  .section{ width:100%;height:478px;margin:0 auto; overflow:hidden;}
  .section .title{width:100%;height:146px;}
.section .cont{width:1068px;height:246px;margin:22px auto;background-color:#f1f1f1;opacity:0.8;font-size:20px;line-height: 33px;}
.section .cont .aimg{width:325px;height:245px;float:left;}
.section .cont .aimg img{width:100%;height:100%;}
.section .cont .adesc{width:364px;height:235px;float:left;font-size:15px;color:#000;line-height:29px;padding-top:10px;padding-left:10px;}
.section .cont .apic{width:369px;height:245px;float:left;}
.section .cont .apic img{width:100%;height:100%;}
.section .cont .more{width:115px;height:29px;margin-top:-10px;margin-left:705px;color:#000;text-align:center;font-size: 20px;font-family: "微软雅黑";border-radius: 7px; }
}
@media only screen and (min-width:1370px) and (max-width:1539px){
  .section{ width:100%;height:478px;margin:0 auto; overflow:hidden;}
  .section .title{width:100%;height:146px;}
.section .cont{width:1068px;height:246px;margin:22px auto;background-color:#f1f1f1;opacity:0.8;font-size:20px;line-height: 33px;}
.section .cont .aimg{width:325px;height:245px;float:left;}
.section .cont .aimg img{width:100%;height:100%;}
.section .cont .adesc{width:364px;height:235px;float:left;font-size:15px;color:#000;line-height:29px;padding-top:10px;padding-left:10px;}
.section .cont .apic{width:369px;height:245px;float:left;}
.section .cont .apic img{width:100%;height:100%;}
.section .cont .more{width:115px;height:29px;margin-top:-10px;margin-left:705px;color:#000;text-align:center;font-size: 20px;font-family: "微软雅黑";border-radius: 7px; }
}
@media only screen and (min-width:1920px){
  .section{ width:100%;height:478px;margin:0 auto; overflow:hidden;}
  .section .title{width:100%;height:198px;}
.section .cont{width:1349px;height:246px;margin:22px auto;background-color:#f1f1f1;opacity:0.8;font-size:20px;line-height: 33px;}
.section .cont .aimg{width:325px;height:245px;float:left;}
.section .cont .aimg img{width:100%;height:100%;}
.section .cont .adesc{width:644px;height:235px;float:left;font-size:15px;color:#000;line-height:43px;padding-top:10px;padding-left:10px;}
.section .cont .apic{width:369px;height:245px;float:left;}
.section .cont .apic img{width:100%;height:100%;}
.section .cont .more{width:115px;height:29px;margin-top:-10px;margin-left:705px;color:#000;text-align:center;font-size: 20px;font-family: "微软雅黑";border-radius: 7px; }
}
.section .cont span{color:#000;font-size: 21px;font-weight: bold;}
.news .headlines img{ display:block; float:left; width:132px; height:88px; margin:-1px 17px -1px -1px;}
.news .headlines .h_right{ float:left; width:236px; line-height:16px;}
.news .headlines .h_right a{ display:block; height:38px; line-height:38px; color:#ffba00; font-size:15px; font-weight:bold;}
.news .headlines{ height:86px; border:1px solid #dcdcdc; background:#f6f6f6; margin:27px 0 6px}
.news li{ height:34px; line-height:34px; border-bottom:1px dashed #575757; background:url(../images/index_50.gif) 3px center no-repeat; padding-left:28px;}
.news li span{ float:right;}

@media only screen and (max-width:1370px){
.about{  width:100%; height:428px; padding-top:20px; }
}
@media only screen and (min-width:1370px) and (max-width:1593px){
.about{  width:100%; height:428px; padding-top:20px; }
}
@media only screen and (min-width:1920px){
.about{  width:100%; height:428px; padding-top:20px; }
}
@media only screen and (max-width:1370px){
.about .title{ width:100%; height:155px; margin:0 auto;text-align:center;}
}
@media only screen and (min-width:1370px) and (max-width:1539px){
.about .title{ width:100%; height:155px; margin:0 auto;text-align:center;}
}
@media only screen and (min-width:1920px){
.about .title{ width:1647px; height:184px; margin:0 auto;text-align:center;}
}
.about .title img{width:100%;height:100%;}
.about .title a{ color:#000; font-size:30px; font-weight:bolder}
.about .title a span{ color:#000; font-family:Arial; font-weight:normal; text-transform:uppercase; display:inline-block; margin-top:5px;}
.about .cont{ line-height:22px; width:100%;height:270px; }
/*.about .cont a{ display:block; width:57px; height:19px; line-height:19px; text-align:center; margin-top:21px; color:#156b42; text-transform:uppercase;font-size:19px;}*/
@media only screen and (max-width:1370px){
.about .cont .newtitle{width:1325px;height:50px;margin:0 auto;border-bottom:1px solid #9a9a9c; }
}
@media only screen and (max-width:1539px){
.about .cont .newtitle{width:1325px;height:50px;margin:0 auto;border-bottom:1px solid #9a9a9c; }
}
@media only screen and (min-width:1920px){
.about .cont .newtitle{width:1325px;height:50px;margin:0 auto;border-bottom:1px solid #9a9a9c; overflow: hidden;}
}
.about .cont .newtitle .newtitle1{width:142px;height:40px;font-size:30px;color:#000;float:left;padding-top:10px;margin-top:-2px;}
.about .cont .newtitle .newtitle2{width:142px;height:40px;font-size:30px;color:#000;float:left;padding-top:10px;margin-top:-2px;}

@media only screen and (max-width:1370px){
    .about .cont .left{width:656px;height:258px;float:left;margin-left:30px;}
.about .cont .left .newimg{width:279px;height:176px;margin-top:26px;margin-left:11px;float:left;}
.about .cont .left .newimg img{width:100%;height:100%;}
.about .cont .left .newcontent{width:656px;height:83px;padding-right:10px;border-bottom: 1px solid #9a9a9c;}
.about .cont .left .newcontent .newstitle{width:54px;height:62px;float:left;color:#000;text-align:center;font-size:13px;padding-top:8px;padding-left:6px;padding-right:6px;background: #e3e3e3;margin-top:8px;font-weight: bold;}
.about .cont .left .newcontent .newright{width:492px;height:28px;float:left;}
.about .cont .left .newcontent .newsdesc{width:auto;height:28px;font-size: 16px;color:#000;padding-top:9px;line-height: 28px;font-weight: bold;margin-left:12px;}
.about .cont .left .newcontent .newsdesc1{width:587px;height:28px;font-size: 13px;color:#000;line-height: 19px;margin-left:12px;}
.about .cont .right{width:415px;height:258px;float:left;font-size:41px;}
.about .cont .right img{width:100%;height:100%;}
.conts{width:1106px;height:270px;margin:0 auto;overflow: hidden;}
}
@media only screen and (min-width:1370px) and (max-width:1593px){
    .about .cont .left{width:656px;height:258px;float:left;margin-left:30px;}
.about .cont .left .newimg{width:279px;height:176px;margin-top:26px;margin-left:11px;float:left;}
.about .cont .left .newimg img{width:100%;height:100%;}
.about .cont .left .newcontent{width:656px;height:83px;padding-right:10px;border-bottom: 1px solid #9a9a9c;}
.about .cont .left .newcontent .newstitle{width:54px;height:62px;float:left;color:#000;text-align:center;font-size:13px;padding-top:8px;padding-left:6px;padding-right:6px;background: #e3e3e3;margin-top:8px;font-weight: bold;}
.about .cont .left .newcontent .newright{width:492px;height:28px;float:left;}
.about .cont .left .newcontent .newsdesc{width:auto;height:28px;font-size: 16px;color:#000;padding-top:9px;line-height: 28px;font-weight: bold;margin-left:12px;}
.about .cont .left .newcontent .newsdesc1{width:587px;height:28px;font-size: 13px;color:#000;line-height: 19px;margin-left:12px;}
.about .cont .right{width:415px;height:258px;float:left;font-size:41px;}
.about .cont .right img{width:100%;height:100%;}
.conts{width:1106px;height:270px;margin:0 auto;overflow: hidden;}
}
@media only screen and (min-width:1920px){
    .about .cont .left{width:898px;height:258px;float:left;margin-left:30px;}
.about .cont .left .newimg{width:279px;height:176px;margin-top:26px;margin-left:11px;float:left;}
.about .cont .left .newimg img{width:100%;height:100%;}
.about .cont .left .newcontent{width:898px;height:83px;padding-right:10px;border-bottom: 1px solid #9a9a9c;}
.about .cont .left .newcontent .newstitle{width:54px;height:62px;float:left;color:#000;text-align:center;font-size:13px;padding-top:8px;padding-left:6px;padding-right:6px;background: #e3e3e3;margin-top:8px;font-weight: bold;}
.about .cont .left .newcontent .newright{width:492px;height:28px;float:left;}
.about .cont .left .newcontent .newsdesc{width:auto;height:28px;font-size: 16px;color:#000;padding-top:9px;line-height: 28px;font-weight: bold;margin-left:12px;}
.about .cont .left .newcontent .newsdesc1{width:587px;height:28px;font-size: 13px;color:#000;line-height: 19px;margin-left:12px;}
.about .cont .right{width:415px;height:258px;float:left;font-size:41px;}
.about .cont .right img{width:100%;height:100%;}
.conts{width:1351px;height:270px;margin:1px auto;overflow: hidden;}
}

.yq{width:100%;height:200px;}
.yq .yqtitle{width:1315px;height:100px;margin:0 auto;font-size: 41px;color:#000;padding-left:10px;}
.yq .yqcontent{width:1315px;height:100px;margin:0 auto;}
.yq .yqcontent .yqlj{width:267px;height:40px;float:left;background-color: #dddddd;margin-right:20px;font-size: 21px;text-align:center;color:#000;padding-top:10px;}
@media only screen and (max-width:1370px){
.product1{ width:100%;height:421px;padding-top:10px;}
.product1 .title1{ width:100%;height:103px; line-height:38px; }
.product1 .title1 img{width:100%;height:100%;}
.product1 .product1_list{ width:1349px;height:182px;margin:0 auto;padding-top:19px;}
.product1 .bd1{width:1118px;  margin:0 auto; height:135px;}
.product1_list .picList1 li{ float:left; width:325px !important; height:271px; margin-right:67px;}
.product1_list .picList1 li .photo1{display:block;width:325px; height:223px; text-align:center;}
.product1_list .picList1 li  .name1{ display:block; width:325px; height:38px;  line-height:29px; color:#363636; font-size:16px; position:relative; z-index:1000;text-align: center;background-color: #b8b8b8;padding-top:6px;}
}

@media only screen and (min-width:1370px) and (max-width:1539px){
.product1{ width:100%;height:421px;padding-top:10px;}
.product1 .title1{ width:100%;height:103px; line-height:38px; }
.product1 .title1 img{width:100%;height:100%;}
.product1 .product1_list{ width:1349px;height:182px;margin:0 auto;padding-top:19px;}
.product1 .bd1{width:1118px;  margin:0 auto; height:135px;}
.product1_list .picList1 li{ float:left; width:325px !important; height:271px; margin-right:67px;}
.product1_list .picList1 li .photo1{display:block;width:325px; height:223px; text-align:center;}
.product1_list .picList1 li  .name1{ display:block; width:325px; height:38px;  line-height:29px; color:#363636; font-size:16px; position:relative; z-index:1000;text-align: center;background-color: #b8b8b8;padding-top:6px;}
}

@media only screen and (min-width:1920px){
.product1{ width:100%;height:495px;padding-top:10px;}
.product1 .title1{ width:1679px;height:116px;margin:0 auto; line-height:38px; }
.product1 .title1 img{width:100%;height:100%;}
.product1 .product1_list{ width:1349px;height:182px;margin:0 auto;padding-top:19px;}
.product1 .bd1{width:1366px;  margin:0 auto; height:135px;}
.product1_list .picList1 li{ float:left; width:403px !important; height:327px; margin-right:67px;}
.product1_list .picList1 li .photo1{display:block;width:403px; height:286px; text-align:center;}
.product1_list .picList1 li  .name1{ display:block; width:403px; height:38px;  line-height:29px; color:#363636; font-size:16px; position:relative; z-index:1000;text-align: center;background-color: #b8b8b8;padding-top:6px;}
}
@media only screen and (max-width:1370px){
.product{ width:100%;height:421px;background-color: #eeeeee;padding-top:10px;}
.product .title{ width:100%;height:103px; line-height:38px; }
.product .title img{width:100%;height:100%;}
.product .product_list{ width:1349px;height:182px;margin:0 auto;padding-top:19px;}
.product .bd{width:1190px;  margin:0 auto; height:135px;}
.product_list .picList li{ float:left; width:277px !important; height:271px; margin:0 10px;}
.product_list .picList li .photo{display:block;width:277px; height:223px; text-align:center;}
.product_list .picList li  .name{ display:block; width:277px; height:29px;  line-height:29px; color:#000; font-size:16px;  margin-top:6px; position:relative; z-index:1000;text-align: center;}
.product_list .picList li  .name1{ display:block; width:72px; height:29px; float:right; text-align:center;line-height:29px; color:#fff; font-size:16px;  margin-top:6px; position:relative; z-index:1000;background-color: #8bc63e;}
.product .hd{ width:1349px;height:50px; clear:both; overflow:hidden;position: relative;top:-55px;}
.product .hd a{ display:block; width:49px; height:50px;  cursor:pointer}
.product .next{ background:url(../images/right.png) no-repeat;background-size:100% 100%;float: right;}
.product .prev{ background:url(../images/left.png) no-repeat;background-size:100% 100%;float: left;}
.titles{width:277px; height:173px;background-color: #2e8e55;opacity: 0.5;position: relative;top:-258px;padding-top:50px;display: none;}
.titletext{width:86px;height:25px;color:#fff;text-align: center;font-size:15px;margin:0 auto;border-top: 4px solid #fff;padding-top:3px;}
.titledesc{width:194px;height:120px;margin:0 auto;color:#fff;font-size:12px;}
.product_list .picList li:hover .titles{display: block;}
.ys{width:100%;height:511px;}
.ys img{width:100%;height:100%;}
}
@media only screen and (min-width:1370px) and (max-width:1539px){
.product{ width:100%;height:421px;background-color: #eeeeee;padding-top:10px;}
.product .title{ width:100%;height:103px; line-height:38px; }
.product .title img{width:100%;height:100%;}
.product .product_list{ width:1349px;height:182px;margin:0 auto;padding-top:19px;}
.product .bd{width:1190px;  margin:0 auto; height:135px;}
.product_list .picList li{ float:left; width:277px !important; height:271px; margin:0 10px;}
.product_list .picList li .photo{display:block;width:277px; height:223px; text-align:center;}
.product_list .picList li  .name{ display:block; width:277px; height:29px;  line-height:29px; color:#000; font-size:16px;  margin-top:6px; position:relative; z-index:1000;text-align: center;}
.product_list .picList li  .name1{ display:block; width:72px; height:29px; float:right; text-align:center;line-height:29px; color:#fff; font-size:16px;  margin-top:6px; position:relative; z-index:1000;background-color: #8bc63e;}
.product .hd{ width:1349px;height:50px; clear:both; overflow:hidden;position: relative;top:-55px;}
.product .hd a{ display:block; width:49px; height:50px;  cursor:pointer}
.product .next{ background:url(../images/right.png) no-repeat;background-size:100% 100%;float: right;}
.product .prev{ background:url(../images/left.png) no-repeat;background-size:100% 100%;float: left;}
.titles{width:277px; height:173px;background-color: #2e8e55;opacity: 0.5;position: relative;top:-258px;padding-top:50px;display: none;}
.titletext{width:86px;height:25px;color:#fff;text-align: center;font-size:15px;margin:0 auto;border-top: 4px solid #fff;padding-top:3px;}
.titledesc{width:194px;height:120px;margin:0 auto;color:#fff;font-size:12px;}
.product_list .picList li:hover .titles{display: block;}
.ys{width:100%;height:511px;}
.ys img{width:100%;height:100%;}
}
@media only screen and (min-width:1920px){
.product{ width:100%;height:421px;background-color: #eeeeee;padding-top:10px;}
.product .title{ width:1349px;height:103px; line-height:38px;margin:0 auto;}
.product .title img{width:100%;height:100%;}
.product .product_list{ width:1349px;height:182px;margin:0 auto;padding-top:19px;}
.product .bd{width:1190px;  margin:0 auto; height:135px;}
.product_list .picList li{ float:left; width:277px !important; height:271px; margin:0 10px;}
.product_list .picList li .photo{display:block;width:277px; height:223px; text-align:center;}
.product_list .picList li  .name{ display:block; width:277px; height:29px;  line-height:29px; color:#000; font-size:16px;  margin-top:6px; position:relative; z-index:1000;text-align: center;}
.product_list .picList li  .name1{ display:block; width:72px; height:29px; float:right; text-align:center;line-height:29px; color:#fff; font-size:16px;  margin-top:6px; position:relative; z-index:1000;background-color: #8bc63e;}
.product .hd{ width:1349px;height:50px; clear:both; overflow:hidden;position: relative;top:-55px;}
.product .hd a{ display:block; width:49px; height:50px;  cursor:pointer}
.product .next{ background:url(../images/right.png) no-repeat;background-size:100% 100%;float: right;}
.product .prev{ background:url(../images/left.png) no-repeat;background-size:100% 100%;float: left;}
.titles{width:277px; height:173px;background-color: #2e8e55;opacity: 0.5;position: relative;top:-258px;padding-top:50px;display: none;}
.titletext{width:86px;height:25px;color:#fff;text-align: center;font-size:15px;margin:0 auto;border-top: 4px solid #fff;padding-top:3px;}
.titledesc{width:194px;height:120px;margin:0 auto;color:#fff;font-size:12px;}
.product_list .picList li:hover .titles{display: block;}
.ys{width:1641px;height:661px;margin:0 auto;}
.ys img{width:100%;height:100%;}
}
#footer{ width:100%; height:186px; background:#00973d; text-align:center; line-height:32px; padding-top:31px;padding-left:21px; padding-right:21px;color:#989898; color:#fff;font-size:16px;}
#footer .footlogo{width:200px;height:58px;float:left;font-size:27px;}
#footer .footlogo img{width:100%;height:100%;}
#footer .minianv{width:396px;height:126px;float:left;margin-left:161px;text-align: left;border-left:4px solid #fff;padding-left:45px;}
#footer .minianv ul .li1{float:left;margin-right:50px;text-align:left;}
#footer a{ color:#fff;font-size:16px;}
#footer span{ font-family:Verdana, Geneva, sans-serif}
.fright{width:241px;height:166px;float:right;}
.fright .call{width:230px;height:50px;text-align:left;font-size: 22px;}
.fright .ewm{width:155px;height:147px;text-align:center;font-size: 22px;border-left:4px solid #fff;border-right:4px solid #fff;padding-left:25px;}
.fright .ewm1{width:130px;height:130px;float:left;font-size: 13px;margin-right:13px;text-align:center;}
.fright .ewm2{width:130px;height:130px;float:left;font-size: 13px;text-align:center;text-align:center;}
.fright .ewm1 img{width:100%;height:100%;}
.fright .ewm2 img{width:100%;height:100%;}
.ewm img{width:100%;height:100%;}
.fbottom{width:100%;height:35px;background-color: #fff;padding-top:15px;}
.fbl{width:409px;height:20px;float:left;color:#2c2c2c;font-size:13px;margin-left:50px;}
.fbr{width:383px;height:20px;float:right;margin-right:160px;}
.fbr ul{width:383px;height:20px;}
.fbr ul a li{width:auto;height:20px;float:left;color:#2c2c2c;font-size:13px;margin-right:20px;}
#header1{ height:104px; background:#8cc63e; width:100%; }
#header1 .top{ width:1002px; margin:0 auto; position:relative}
#header1 .top .logo{width:238px;height:71px;position:absolute; left:-171px; top:17px;}
#header1 .top .logo img{width:100%;height:100%;}
#header1 .top .rexian{ position:absolute; top:15px; right:193px; padding-left:30px; color:#fff; font-size:24px; height:26px; line-height:26px; font-weight:bolder}
#header1 .top .search{ position:absolute; top:16px; right:0; background:#fff}
#header1 .nav{ position:absolute; top:48px; right:-55px;}
@media only screen and (max-width:1370px){
#header1 .nav li{ float:left; margin-left:65px;}
}
@media only screen and (min-width:1370px) and (max-width:1539px){
#header1 .nav li{ float:left; margin-left:64px;}
}
@media only screen and (min-width:1920px){
#header1 .nav li{ float:left; margin-left:64px;}
}
#header1 .nav li a{ color:#fff; font-size:16px;}
#header1 .nav li a:hover,#header1 .nav li.current a{ color:#ffcc00}
#header1 .English{width:100px;position:absolute;top:48px;right:-155px;color:#fff;font-size:16px;}
#header1 .English a{color:#fff;}

#header2{ height:75px; background:#fff; width:100%; }
#header2 .top{ width:1002px; margin:0 auto; position:relative}
#header2 .top .logo{width:238px;height:85px;position:absolute; left:-171px; top:-10px;}
#header2 .top .logo img{width:100%;height:100%;}
#header2 .top .rexian{ position:absolute; top:15px; right:193px; padding-left:30px; color:#fff; font-size:24px; height:26px; line-height:26px; font-weight:bolder}
#header2 .top .search{ position:absolute; top:5px; right:-169px; background:#fff; width:170px;height:27px; float:right;margin-top:14px;margin-right:30px;line-height:24px; border:4px solid #00973d; border-radius:8px; padding-left:12px;}
#header2 .nav{ position:absolute; right:-55px;}
@media only screen and (max-width:1370px){
#header2 .nav li{ float:left; margin-left:34px;text-align: center;}
}
@media only screen and (min-width:1370px) and (max-width:1539px){
#header2 .nav li{ float:left; margin-left:34px;text-align: center;}
}
@media only screen and (min-width:1920px){
#header2 .nav li{ float:left; margin-left:34px;text-align: center;}
}
#header2 .nav li a{ color:#000; font-size:16px;}
/*#header2 .nav li a:hover,#header1 .nav li.current a{ color:#fff}*/
#header2 .nav li:hover{background-color:#00973d;}
#header2 .nav li:hover a{color:#fff;}
#header2 .English{width:100px;position:absolute;top:48px;right:-155px;color:#fff;font-size:16px;}
#header2 .English a{color:#fff;}

.left{ float:left; width:196px;}
.left li{ height:49px; line-height:49px; border:2px solid #00973d; border-bottom:none; padding-left:25px; font-size:16px;}
.left li:hover,.left li.hover{ background-color: #00973d; }
.left li:hover a,.left li.hover a{ color:#fff}
.left ul{ margin-bottom:36px; border-bottom:2px solid #00973d}

.service_tel{ line-height:20px; color:#00973d}
.service_tel img{ display:block}
.service_tel p{ background:url(../images/about_15.gif) left center no-repeat; padding-left:29px; height:20px; font-size:20px; margin-top:5px;}

.right{ float:right; width:754px;}
.right .title{ height:46px; line-height:46px; border-bottom:1px solid #dcdcdc; margin-bottom:6px}
.right .title p{font-size: 18px; float:right}
.right .title h3{ height:45px; border-bottom:2px solid #00973d; display:inline-block; float:left; padding-right:13px; font-size:18px; font-weight:normal}

.ny_danye img{ max-width:100%; display:block}
.ny_danye .cont{ line-height:27px;}

.page{width:706px; height:21px; border-bottom:1px solid #d3d3d3; margin:52px auto 0; clear:both}
.page a.prev,.page a.next{ float:left; width:22px; height:22px; margin-bottom:-1px;}
.page .num{ float:left; width:662px; text-align:center}
.page .num span{ height:22px;background:#fff; padding:0 10px; display:inline-block; margin-bottom:-2px;}
.page .num a{ display:inline-block; width:20px; height:20px; text-align:center; line-height:20px; border:1px solid #d3d3d3; color:#000; margin:0 4px;}
.page a:hover,.page a.cur{ color:#00973d; border-color:#00973d}

.ny_news .first_list img{ display:block; float:left; width:203px; height:121px; padding:1px; border:1px solid #c2c2c2;}
.ny_news .first_list .first_list_right{ float:right; width:516px; line-height:20px;}
.first_list .first_list_right .tit{ display:block; height:31px; color:#00973d; font-size:14px;}
.first_list .first_list_right .text{ height:40px; overflow:hidden; margin-bottom:4px;}
.first_list .first_list_right .more{ display:block; color:#00973d}
.first_list .first_list_right .date{ display:block; height:20px; line-height:20px; background:url(../images/news_03.gif) left center no-repeat; padding-left:20px; margin-top:10px;}
.ny_news .first_list{ height:125px; overflow:hidden; margin-bottom:26px;}
.ny_news li{ height:37px; line-height:37px; border-bottom:1px dotted #dddddd}
.ny_news li span{ float:right}

.ny_pro li .photo{ display:block; width:211px; height:156px;}
.ny_pro li .info{ width:211px; height:110px; background:#f5f5f5;}
.ny_pro li .info .name{ height:40px; line-height:40px; padding-left:19px; font-size:14px;}
.ny_pro li .info .text{ line-height:18px; padding:0 19px; height:36px; overflow:hidden; margin-bottom:10px;}
.ny_pro li .info .more{ display:block; height:24px; line-height:24px; background:#adadad; padding-left:20px; color:#fff}
.ny_pro li{ float:left; width:211px; height:266px; border:3px solid #fff; margin:0 25px 67px;}
.ny_pro ul{ float:left; margin:0 -24px 0 -23px;}
.ny_pro li:hover{ border-color:#7c7f90}
.ny_pro li:hover .more{ background:#7c7f90}

#full .qq_info a,#full .qq_info span{ display:block}
#full .qq_info span{ width:86px; background:#fff; text-align:center; padding-top:6px; line-height:24px; border:1px solid #968f96; border-top:none}

.paper {
  width: 1200px;
  margin: 26px auto;
  min-height: 500px;
}
.paper:after {
  display: block;
  content: "";
  clear: both;
}
.paper1 {
  width: 1200px;
  margin: 0px auto;
  min-height: 500px;
}
.paper1:after {
  display: block;
  content: "";
  clear: both;
}
/*侧导航*/

.side {
  width: 286px;
  float: left;
  background: #023257;
  padding-bottom: 24px;
  overflow: hidden;
}
.side .tit {
  width: 100%;
  height: 66px;
  padding-top: 30px;
  background: #2654a9;
}
.side .tit .iconfont {
  font-size: 42px;
  color: #FFFFFF;
  float: left;
  margin: 0 10px 0 60px;
}
.side .tit p {
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
}
.side .tit span {
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
}
.side ul {
  padding: 0 30px;
  margin-top: 30px;
}
.side ul li {
  height: 36px;
  line-height: 36px;
  padding-left: 54px;
  background: #FFFFFF;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 14px;
}
.side ul li a {
  font-size: 15px;
  color: #666666;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.side ul li span {
  margin-right: 10px;
}
.side ul li:hover, .side ul li.on {
  background: #13439d;
}
.side ul li:hover a, .side ul li.on a {
  color: #FFFFFF;
}
.side .side_drop .drop {
  padding-left: 47px;
  display: none;
}
.side .side_drop .drop a {
  display: block;
  padding-left: 17px;
  height: 36px;
  line-height: 36px;
  background: #FFFFFF;
  margin-bottom: 14px;
  color: #666666;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.side .side_drop .drop a:hover {
  background: #13439d;
  color: #FFFFFF;
}
.side .side_drop .drop span {
  margin-right: 14px;
}
.side .info {
  padding: 0 30px;
  margin-top: 46px;
  text-align: center;
}
.side .info .contact {
  margin-bottom: 22px;
  width: 226px;
}
.side .info p {
  font-size: 22px;
  color: #fff;
}
.side .info p span {
  color: #fff;
  margin: 0 8px;
}
.side .info a {
  display: block;
  width: 143px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  background: #2654a9;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin: 16px auto 0;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 16px;
}

.call{
  width:100%;
  height:740px;
 
}
.form {
  width: 100%;
  padding-top: 55px;
}
.form_tit {
  width: 100%;
  text-align: center;
}
.form_tit .p1 {
  font-size: 36px;
  color: #efefef;
  text-transform: uppercase;
}
.form_tit .p2 {
  width:100px;
  height:50px;
  margin:0 auto;
  font-size: 24px;
  color: #333333;
  line-height: 50px;
  border-bottom: 3px solid #156b42;
}
.form_tit .p3 {
  width: 800px;
  height: 43px;
  line-height: 66px;
  margin: 0 auto;
  font-size: 12px;
  color: #9c9c9c;
}
.layui-form {
  width: 830px;
  margin: 50px auto 0;
}
.layui-form td span {
  font-size: 16px;
  color: #333333;
  margin: 0 15px;
  float: left;
  line-height: 46px;
}
.layui-form table {
  width: 100%;
}
.layui-form td {
  width: 50%;
  padding-bottom: 25px;
  position: relative;
}
.layui-form td input {
  height: 46px;
  text-indent: 25px;
  font-size: 16px;
  line-height: 46px;
  border-radius: 2px;
  background: #fff;
  outline: none;
  border: 1px solid #e2e2e2;
  width: 264px;
}
.layui-form .new input {
  width: 674px;
}
.layui-form td .s1 {
  color: red;
  float: right;
  margin-right: 10px;
}
.layui-form textarea {
  resize: none;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
  width: 670px;
  padding: 5px;
  outline: none;
  background: #fff;
  height: 153px;
}
.form ul {
  width: 100%;
}
.form ul li {
  display: inline-block;
  width: 240px;
  height: 48px;
  line-height: 35px;
  margin: 0 110px;
}
.form ul li input {
  width: 100%;
  height: 100%;
}

/* all */

::-webkit-input-placeholder {
  color: #dedede;
}
::-moz-placeholder {
  color: #dedede;
}

/* firefox 19+ */

:-ms-input-placeholder {
  color: #dedede;
}

/* ie */

input:-moz-placeholder {
  color: #dedede;
}

/* individual: webkit */

.form td input::-webkit-input-placeholder {
  color: #dedede;
}
.form td input::-webkit-input-placeholder {
  color: #dedede;
}
.form td input::-webkit-input-placeholder {
  color: #dedede;
}

/* individual: mozilla */

.form td input::-moz-placeholder {
  color: #dedede;
}
.form td input::-moz-placeholder {
  color: #dedede;
}
.form td input::-moz-placeholder {
  color: #dedede;
}

.item_tit {
  text-align: left;
  font-size: 0.36rem;
  color: #333333;
/*  margin: 0.3rem 0;*/
}
.item_tit p {
  font-size: 0.36rem;
  color: #333333;
}
.item_tit hr {
  width: 0.52rem;
  height: 0.02rem;
  background: #252525;
  border: none;
  margin: 0.15rem auto;
}
.item_tit span {
  font-size: 0.24rem;
  color: #333333;
  text-transform: uppercase;
}

.form {
  margin-top: 0.4rem;
  padding: 0 0.25rem;
  min-height: 5rem;
}
.form .form-row {
  min-height: 0.8rem;
  max-height: 2.08rem;
  position: relative;
  clear: left;
  overflow: hidden;
}
.form .form-row:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 15px;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background-color: #c8c7cc;
}
.form .form-row label {
  height: 0.8rem;
  line-height: 0.8rem;
  float: left;
  width: 35%;
  font-size: 0.34rem;
  padding-left: 15px;
}
.form .form-row input {
  background: none;
  float: right;
  width: 65%;
  border: 0;
  height: 0.8rem;
  outline: none;
  font-size: 0.36rem;
}
.form .form-row textarea {
  height: auto;
  outline: none;
  resize: none;
  border: none;
  width: 65%;
  font-size: 0.36rem;
  height: 2rem;
  padding: 0.16rem 0;
}
.form .form-btn {
  text-align: center;
  margin: 0.3rem 0;
}
.form .form-btn button {
  outline: none;
  border: none;
  margin: 0 0.15rem;
  font-s